<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>
        ${title}
    </title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="<%=basePath%>/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="<%=basePath%>/css/font-awesome.min.css">
    <link rel="stylesheet" href="<%=basePath%>/css/ionicons.min.css">
    <link rel="stylesheet" href="<%=basePath%>/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="<%=basePath%>/toastr/toastr.css" type="text/css"/>
    <link rel="stylesheet" href="<%=basePath%>/dist/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="<%=basePath%>/fileupload/fileinput.min.css"/>
    <link rel="stylesheet" href="<%=basePath%>/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="<%=basePath%>/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/iCheck/all.css">
    <link rel="stylesheet" href="<%=basePath%>/pagination/style/pagination.css" media="screen">
    <link rel="stylesheet" href="<%=basePath%>/plugins/iziModal/css/iziModal.min.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/select2/select2.min.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/iCheck/all.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/loaders/loaders.css"/>
    <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/animate.css"/>
    <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/flavr.css"/>
    <link rel="stylesheet" href="<%=basePath%>/plugins/bootstrap-treeview/css/bootstrap-treeview.css">

    <![endif]-->
</head>
<!-- ADD THE CLASS sidedar-collapse TO HIDE THE SIDEBAR PRIOR TO LOADING THE SITE -->
<body class="hold-transition skin-blue sidebar-mini">
<div id="request-div" style="position: absolute;width: 100%;height: 100%;z-index: 10;display: none;">
    <img src='../images/request-sending.gif' style="position: relative;top: 50%;left: 50%;width: 70px;height: 70px">
</div>
<!-- Site wrapper -->
<div class="wrapper">
    <header class="main-header">
        <!-- Logo -->
        <jsp:include page="../logo.jsp" ></jsp:include >
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-fixed-top">
            <!-- Sidebar toggle button-->
            <a class="sidebar-toggle" data-toggle="offcanvas" role="button" onclick="show()">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <jsp:include page="../menuTop.jsp"></jsp:include>
        </nav>

    </header>

    <!-- =============================================== -->

    <!-- Left side column. contains the sidebar -->
    <aside class="main-sidebar">
        <jsp:include page="../menu.jsp"></jsp:include>
        <!-- /.sidebar -->
    </aside>

    <!-- =============================================== -->

    <input type="hidden" id="basePath" value="<%=basePath%>">
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" style="padding-top:50px;">
        <section class="content-header">
            <ol class="breadcrumb">
                <li class="text-muted"><i class="fa fa-th"></i>&nbsp;&nbsp;系统管理:
                </li>
                <li class="text-muted"><i class="fa fa-circle-o"></i>&nbsp;&nbsp;医院
                </li>
            </ol>
        </section>

        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box box-info">
                        <div class="box-header with-border text-left">
	      				<span class="">
                            <button id="add" type="button"  class="btn btn-info btn-sm" data-toggle="tooltip" title="新增">
                                <i class="fa fa-plus"></i>
                            </button>
                            <button id="edit" type="button"  class="btn btn-info btn-sm" data-toggle="tooltip" title="修改" >
                                <i class="fa fa-pencil"></i>
                            </button>
						</span>
                        <span class="pull-right">
                            <span>显示</span>
                            <select id="show-count" style="color: #EA544A">
                                <option value="20">20</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                                <option value="200">200</option>
                            </select>
                            <span>条，</span>
                            <span>共计</span>
                            <span id="total-count">0</span>
                            <span>条</span>
                            <button id="import" type="button" class="btn btn-info btn-sm" data-toggle="tooltip" title="导入">
                                      <i class="fa fa-file-excel-o"></i>
                            </button>
                            <button id="search" type="button" class="btn btn-info btn-sm" data-toggle="tooltip" title="查询">
                                <i class="fa fa-search"></i>
                            </button>
	                  	</span>
                        </div>

                        <div class="box-body" style="margin: 5px 0px -10px 0px">
                            <!-- form start -->
                            <form id="queryForm" action="<%=basePath %>/hospital/page" method="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="allName" name="allName" value="" placeholder='医院名称/医院编号'>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <select style="width: 100%" name="provinceId">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <select style="width: 100%" name="cityId">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <select style="width: 100%" name="areaId">
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="box-body table-responsive no-padding">
                            <table class="table table-bordered">
                                <tbody>
                                <tr class="info">
                                    <th class="text-center text-muted" style="width: 30px">#</th>
                                    <th class="text-center text-muted" style="width: 30px">操作</th>
                                    <th class="text-muted">医院名称</th>
                                    <th class="text-muted">医院编号</th>
                                    <th class="text-muted">省份-城市-区域</th>
                                    <th class="text-muted">医院联系人</th>
                                    <th class="text-muted">联系人电话</th>
                                    <th class="text-muted">详细地址</th>
                                </tr>
                                </tbody>
                                <tfoot id="hospital_table">
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div id="add-modal" style="display: none;">
        <div class="row">
            <div class="box-body">
                <form class="form-horizontal" id="add-update-from" method="post" enctype="multipart/form-data">
                    <input type="hidden" value="" name="hospitalId">
                    <div class="form-group col-md-12">
                        <label class="col-sm-3 control-label text-muted">医院名称<span class="text-red">*</span></label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="hospitalName">
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <label  class="col-sm-3 control-label text-muted">医院编码</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="hospitalCode">
                        </div>
                    </div>

                    <div class="form-group col-md-12">
                        <label  class="col-sm-3 control-label text-muted">省份</label>
                        <div class="col-sm-9">
                            <select name = 'provinceId' style="width: 100%">

                            </select>
                        </div>
                    </div>

                    <div class="form-group col-md-12">
                        <label  class="col-sm-3 control-label text-muted">城市</label>
                        <div class="col-sm-9">
                            <select name = 'cityId' style="width: 100%">

                            </select>
                        </div>
                    </div>

                    <div class="form-group  col-md-12">
                        <label class="col-sm-3 control-label text-muted">区域</label>
                        <div class="col-sm-9">
                            <select name="areaId" style="width: 100%">
                            </select>
                        </div>
                    </div>

                    <div class="form-group  col-md-12">
                        <label class="col-sm-3 control-label text-muted">详细地址</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="address">
                        </div>
                    </div>

                    <div class="form-group  col-md-12">
                        <label class="col-sm-3 control-label text-muted">医院联系人</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="hospitalContacts">
                        </div>
                    </div>

                    <div class="form-group  col-md-12">
                        <label class="col-sm-3 control-label text-muted">联系人电话</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="hospitalPhone">
                        </div>
                    </div>

                    <div class="form-group  col-sm-12">
                        <label class="col-sm-3 control-label text-muted">状态<span class="text-red">*</span></label>
                        <div class="col-sm-9">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="isDel" value="0" class="flat-green" checked>在用 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                </label>
                                <label>
                                    <input type="radio" name="isDel" value="1" class="flat-green">禁用
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group  col-md-12">
                        <label class="col-sm-3 control-label text-muted">备注</label>
                        <div class="col-sm-9">
                            <textarea name="remark" class="form-control"></textarea>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="box-footer">
             <span class="pull-right">
                <button data-iziModal-close class="btn btn-default" style="margin-right: 5px">取消</button>
                <button id="saveHospital" type="button" class="btn btn-info">保存</button>
            </span>
        </div>

    </div>

    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 1.0.0
        </div>
        <strong>Copyright &copy; 2019 <a href="http://almsaeedstudio.com">Topmed</a>.</strong> All rights reserved.
    </footer>
    <jsp:include page="../menuRight.jsp"></jsp:include>
</div>



<script src="<%=basePath%>/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="<%=basePath%>/bootstrap/js/bootstrap.min.js"></script>
<script src="<%=basePath%>/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="<%=basePath%>/plugins/fastclick/fastclick.js"></script>
<script src="<%=basePath%>/dist/js/app.min.js"></script>
<script src="<%=basePath%>/dist/js/demo.js"></script>
<script src="<%=basePath%>/bootstrapvalidator/js/bootstrapValidator.min.js"></script>
<script src="<%=basePath%>/toastr/toastr.js"></script>
<script src="<%=basePath%>/pagination/js/jquery.pagination.min.js"></script>
<script src="<%=basePath%>/js/overallSituation.js"></script>
<script src="<%=basePath%>/fileupload/fileinput.min.js"></script>
<script src="<%=basePath%>/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="<%=basePath%>/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="<%=basePath%>/plugins/select2/select2.min.js"></script>
<script src="<%=basePath%>/plugins/select2/i18n/zh-CN.js"></script>
<script src="<%=basePath%>/plugins/iCheck/icheck.min.js"></script>
<script src="<%=basePath%>/plugins/iziModal/js/iziModal.min.js"></script>
<script src="<%=basePath%>/plugins/flavr/flavr.min.js"></script>
<script src="<%=basePath%>/plugins/bootstrap-treeview/js/bootstrap-treeview.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=Rk2T5bPn4KUhZoi1PseEH8CiCpCUMMh6"></script>
<script src="<%=basePath%>/js/hospital/hospital-lng-lat.js"></script>
<script src="<%=basePath%>/js/hospital/hospital-page.js"></script>

<script type="text/javascript">


</script>
</body>
</html>
